<template>
	<div class="aa">t</div>
	<div class="bb"></div>
	<button @click="setMessage">click</button>


	<div>
		<h3>{{$t('age')}}</h3>
		<h3>{{$t('name')}}</h3>
		<h3>{{$t('info.job')}}</h3>
	</div>
</template>

<script setup>
import { useStore } from "vuex";
import {  ref } from "vue";
// import { useI18n } from 'vue-i18n'
// const { t } = useI18n()
// console.log($t('message.title'))
const store = useStore();
console.log(store.state.count);
const emit = defineEmits(["setMessage"]);

const setMessage = () => {
	emit("setMessage", "子组件数据");
};
let aaa = ref("aaa");
defineExpose({ aaa });

// console.log(window.vue);
</script>

<style lang="scss" scoped>
@import "@/assets/scss/mixin.scss";
.aa {
	color: $colors;
}
.bb {
	width: 300px;
	height: 300px;
	background-color: red;
	@include box-shadow(40px);
}
</style>
